<!-- directive:title markdown笔记 可读可写的功能页 -->
<!-- directive:breadcrumb markdown笔记 -->
<div class='panel-body' >
    <div class="row">
        <div class="col-sm-9">
            <textarea id="mditor"></textarea>
        </div>
        <div class="col-sm-3">
            <button class="btn btn-success" type="button" ng-click="submit()">提交</button>
            &nbsp;&nbsp;
            <button class="btn btn-success" type="button" ng-click="init()">复原</button>
            <br /><br />
            <h5 class="font-bold">Categories</h5>
            <ul class="list-group">
                <li class="list-group-item" ng-repeat="row in books track by $index" ng-click="chooseBook($index)"> <span class="badge pull-right">{{ $index+1 }}0</span> {{ row.title }} </li>
            </ul>
            <div class="tags m-b-lg l-h-2x">
                <a href class="label bg-primary">Bootstrap</a> <a href class="label bg-primary">Application</a> <a href class="label bg-primary">Apple</a> <a href class="label bg-primary">Less</a> <a href class="label bg-primary">Theme</a> <a href class="label bg-primary">Wordpress</a>
            </div>
        </div>
    </div>
    <p> markdown语法介绍 -- <a href="https://github.com/bh-lay/mditor/tree/1.0">https://github.com/bh-lay/mditor/tree/1.0</a> </p>
    <style type="text/css" ui-bs>
        .xianMarkDownArticle p > img{ max-width:100% }
    </style>
</div>
